<template>
  <Table border :columns="columns" :data="data"></Table>
</template>
<script>
// import axios from "axios";

export default {
  data () {
    return {
      data:[
        {
          K8sName:'扬子江药业-测试数据',
          PodNum:'150',
          PodStatus:'Reday',
          WorkerNode:'6'
        }

      ],
      columns: [
        {
          title: '集群名称',
          align: 'center',
          key: 'K8sName',
          // 添加自定义渲染方法
          render: (h, params) => {
            // 返回一个可点击的链接
            return h('a', {
              // attrs: {
              //   href: '跳转链接地址'
              // },
              on: {
                click: () => {
                  // 点击事件处理程序，执行跳转操作
                  // 可以根据需要进行页面跳转的具体逻辑实现
                  // 例如：使用 vue-router 进行页面跳转
                  this.$router.push('/dashboard/k8slist/K8sDetails?tab=name1');
                }
              }
            }, params.row.K8sName); // 显示平台名称
          }
        },
        {
          title:"pod数量",
          align: 'center',
          key:'PodNum',
          render: (h, params) => {
            // 返回一个可点击的链接
            return h('a', {
              // attrs: {
              //   href: '跳转链接地址'
              // },
              on: {
                click: () => {
                  // 点击事件处理程序，执行跳转操作
                  // 可以根据需要进行页面跳转的具体逻辑实现
                  // 例如：使用 vue-router 进行页面跳转
                  this.$router.push('/dashboard/k8slist/K8sDetails?tab=name3');
                }
              }
            }, params.row.PodNum);
          }
        },
        {
          title:"pod状态",
          align: 'center',
          key:'PodStatus',
          render: (h, params) => {
            // 返回一个可点击的链接
            return h('a', {
              // attrs: {
              //   href: '跳转链接地址'
              // },
              on: {
                click: () => {
                  // 点击事件处理程序，执行跳转操作
                  // 可以根据需要进行页面跳转的具体逻辑实现
                  // 例如：使用 vue-router 进行页面跳转
                  this.$router.push('/dashboard/k8slist/K8sDetails?tab=name2');
                }
              }
            }, params.row.PodStatus); // 显示平台名称
          }
        },
        {
          title:"工作节点",
          align: 'center',
          key:'WorkerNode'
        }
      ],
    }
  },
  // mounted() {
  //   this.getPlatformData();
  // },
  // methods:{
  //   getPlatformData() {
  //     axios.get('http://172.30.53.223:8888/api/getpodlist')
  //         .then(response => {
  //           if (response.data.platformlist === null) {
  //             this.data = [];
  //           } else {
  //             this.data = response.data.platformlist.map(platform => ({
  //               ID: platform.ID,
  //               PlatformName: platform.PlatformName,
  //               HostsNum: platform.HostsNum,
  //               ServiceNum: platform.ServiceNum,
  //               DeployStyle: platform.DeployStyle,
  //             }));
  //           }
  //         });
  //   },
  // }
}
</script>
